﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name='robots' content='all, follow' />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <title>SCIA: Control Integral de Afectaciones</title>   
    <link href="public/css/default.css" rel="stylesheet" type="text/css" media="screen" />
<link href="public/css/style.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="public/css/datePicker.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="public/css/wysiwyg.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="public/css/fancybox-1.3.1.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="public/css/visualize.css" rel="stylesheet" type="text/css" media="screen" />
    
    <script type="text/javascript" src="public/js/jquery-1.4.2.min.js"></script>   
    <script type="text/javascript" src="public/js/jquery.dimensions.min.js"></script>
    
    <!-- // Tabs // -->
    <script type="text/javascript" src="public/js/ui.core.js"></script>
    <script type="text/javascript" src="public/js/jquery.ui.tabs.min.js"></script>

<!-- // Tablas y columnas // -->
    <script type="text/javascript" src="public/js/tablednd.js"></script>

    <!-- // Date Picker // -->
    <script type="text/javascript" src="public/js/date.js"></script>
    <!--[if IE]><script type="text/javascript" src="public/js/jquery.bgiframe.js"></script><![endif]-->
    <script type="text/javascript" src="public/js/jquery.datePicker.js"></script>

    <!-- // Editor Wysiwyg // -->
    <script type="text/javascript" src="public/js/jquery.wysiwyg.js"></script>

    <!-- // Graphs // -->
<script type="text/javascript" src="public/js/jquery.visualize.js"></script>

    <!-- // Fancybox // -->
  	<script type="text/javascript" src="public/js/jquery.fancybox-1.3.1.js"></script>

    <!-- // File upload // --> 
    <script type="text/javascript" src="public/js/jquery.filestyle.js"></script>
    
    <script type="text/javascript" src="public/js/init.js"></script>
    <script type="text/javascript" language="javascript">
        function DoLogout() {
            window.alert("Logout");
            //__doPostBack('logout', 'logout')
        }
    </script>
  </head>
  <body>
  <div id="main">
    <!-- #header -->
    <div id="header"> 
      <!-- #logo --> 
      <div id="logo">
        <a href="index.html"><span>Control de Obras</span></a>
      </div>
      <!-- /#logo -->
      <!-- #user -->                        
      <div id="user">
        <h2>Guitarron Primero <span>(admin)</span></h2>
        <a href="">7 mensajes</a> - <a href="">configuración</a> - <a href="#" onclick="javascript:DoLogout()">logout</a>
      </div>
      <!-- /#user -->  
    </div>
    <!-- /header -->
    <!-- #content -->
    <div id="content">

        <!-- breadcrumbs -->
        <div class="breadcrumbs">
          <ul>
            <li><a href="#">Inicio</a></li>
            <li><a href="#">Categoría</a></li>
            <li class="active">Tablero</li>
            
            
          </ul>
        </div>
        <!-- /breadcrumbs -->

      <!-- box -->
      <div class="box">
        <div class="headlines">
          <h2><span>Búsqueda Avanzada</span></h2>
        </div>
        <div class="box-content">
          <form class="formBox" method="post" action="">
            <fieldset>
              <!-- Correct form message --><!-- Warning form message --><!-- Error form message -->
              <div class="form-cols">
                <!-- two form cols -->
                <div class="col5">
                  <div class="clearfix">
                    <div class="lab">
                      <label for="input-one">Nombre de la empresa<span></span></label>
                    </div>
                    <div class="con">
                      <input type="text" class="input" value="" name="input-one" id="input-one" />
                    </div>
                  </div>
                </div>
                <div class="col3">
                  
                  <div class="clearfix">
                    <div class="lab">
                      <label for="input-two">Localización</label></div>
                    <div class="con">
                      <select name="select" class="select">
                        <option>Opción 1</option>
                        <option>Opción 2</option>
                        <option>Opción 3</option>
                      </select>
                    </div>
                    <!-- // class datepicker switch on jQuery date picker -->
                  </div>
                </div>
                
                
                <div class="col4">
                  
                  <div class="clearfix">
                    <div class="lab">
                      <label for="input-two">Localización</label></div>
                    <div class="con">
                      <select name="select" class="select">
                        <option>Opción 1</option>
                        <option>Opción 2</option>
                        <option>Opción 3</option>
                      </select>
                    </div>
                    <!-- // class datepicker switch on jQuery date picker -->
                  </div>
                </div>
                
              </div>
              <div class="clearfix"></div>
              <div class="clearfix checkbox">
                <div class="lab">
                  <label>Dos checkboxes</label>
                </div>
                <div class="con">
                  <label>                  </label>
                  <table border="1" class="without">
                    <tr>
                      <td><label>
                    <input type="checkbox" name="input" />
                  Programación</label><br />
                  <label>
                    <input type="checkbox" name="input" />
                  SEO</label><br />
      <input type="checkbox" name="input" />
                    Alojamiento</label><br />
                    <input type="checkbox" name="input" />
                    Social Media</label>
                    </td>
                      <td> <input type="checkbox" name="input" />
                    Diseño</label><br />
                    <input type="checkbox" name="input" />
                    Analítica
                    </label><br />
                    <input type="checkbox" name="input" />
                    Dominios</label><br />
              <input type="checkbox" name="input" />
                    Consultoría</label></td>
                      <td>
                    
                    <input type="checkbox" name="input" />
                    Usabilidad
                    </label><br />
                    <input type="checkbox" name="input" />
                    Marketing Online</label><br />
                    <input type="checkbox" name="input" />
                    Branding</label><br />
                    <input type="checkbox" name="input" />
                    Legislación</label>
</td>
                    </tr>
                  </table>
                  
                   
                </div>
              </div>
              <div class="btn-submit">
                <!-- Submit form -->
                <input type="submit" value="Buscar" class="button" />
              </div>
            </fieldset>
          </form>
        </div>
        <!-- /box-content -->
      </div>
      <!-- /box -->


		<!-- box columnas-->
		<div class="box-cols">
		  <div class="box box-col2">
		    <div class="headlines">
		      <h2><span>Resultados</span></h2>
	        </div>
		    <div class="box-content">
            
 <ul>
          
          
         
         <li>
            <img src="public/images/logo.png" alt="" width="110" height="90" class="img"/>

            <h4><a href="#">Nombre de la empresa</a><span>Puntuación AAWW:
            <img src="public/images/star.png" alt="" width="16" height="16" />
            <img src="public/images/star.png" alt="" width="16" height="16" />
            <img src="public/images/star.png" alt="" width="16" height="16" />
            </span></h4>

<p>Servicios: <a href="#">Diseño</a> <span>|</span> <a href="#">Diseño</a> <span>|</span> <a href="#">Diseño</a> <span>|</span> <a href="#">Diseño</a><br />

<a href="#">Comentarios:</a> <span>44</span> <a href="#">Seguidores:</a><span>33</span> Localización: <a href="#">Granada</a>
<input type="submit" value="Buscar" class="button2" />
 </p>



         </li>
         
         
         <li>
            <img src="public/images/logo.png" alt="" width="110" height="90" class="img"/>

            <h4><a href="#">Nombre de la empresa</a><span>Puntuación AAWW:
            <img src="public/images/star.png" alt="" width="16" height="16" />
            <img src="public/images/star.png" alt="" width="16" height="16" />
            <img src="public/images/star.png" alt="" width="16" height="16" />
            </span></h4>

<p>Servicios: <a href="#">Diseño</a> <span>|</span> <a href="#">Diseño</a> <span>|</span> <a href="#">Diseño</a> <span>|</span> <a href="#">Diseño</a><br />

<a href="#">Comentarios:</a> <span>44</span> <a href="#">Seguidores:</a><span>33</span> Localización: <a href="#">Granada</a> 

<input type="submit" value="Buscar" class="button2" /></p>

         </li>
         
         
         <li>
            <img src="public/images/logo.png" alt="" width="110" height="90" class="img"/>

            <h4><a href="#">Nombre de la empresa</a><span>Puntuación AAWW:
            <img src="public/images/star.png" alt="" width="16" height="16" />
            <img src="public/images/star.png" alt="" width="16" height="16" />
            <img src="public/images/star.png" alt="" width="16" height="16" />
            </span></h4>

<p>Servicios: <a href="#">Diseño</a> <span>|</span> <a href="#">Diseño</a> <span>|</span> <a href="#">Diseño</a> <span>|</span> <a href="#">Diseño</a><br />

<a href="#">Comentarios:</a> <span>44</span> <a href="#">Seguidores:</a><span>33</span> Localización: <a href="#">Granada</a> 

<input type="submit" value="Buscar" class="button2" />
</p>
         </li>
         
         
         <li>
            <img src="public/images/logo.png" alt="" width="110" height="90" class="img"/>

            <h4><a href="#">Nombre de la empresa</a><span>Puntuación AAWW:
            <img src="public/images/star.png" alt="" width="16" height="16" />
            <img src="public/images/star.png" alt="" width="16" height="16" />
            <img src="public/images/star.png" alt="" width="16" height="16" />
            </span></h4>

<p>Servicios: <a href="#">Diseño</a> <span>|</span> <a href="#">Diseño</a> <span>|</span> <a href="#">Diseño</a> <span>|</span> <a href="#">Diseño</a><br />

<a href="#">Comentarios:</a> <span>44</span> <a href="#">Seguidores:</a><span>33</span> Localización: <a href="#">Granada</a> 

<input type="submit" value="Buscar" class="button2" /></p>

         </li>
         
         
         
             
         </ul>            
            
            </div>
	      </div>
          
          
          
		  <div class="box box-col3 box-last">
		    <div class="headlines">
		      <h2><span>Empresas destacadas</span></h2>
	        </div>
		    <div class="box-content">
            <ul>
                   <li>
            <h4><a href="#">Nombre de la empresa</a></h4>
            
            <div class="star"><img src="public/images/star.png" alt="" width="16" height="16" align="left" />
              <img src="public/images/star.png" alt="" width="16" height="16" align="left" />
              <img src="public/images/star.png" alt="" width="16" height="16" align="left" />
              <img src="public/images/star.png" alt="" width="16" height="16" align="left" /></div>
              
           <p> Wadfassdf asdfasdffasd i hfgifg igkg igigigigi g igi fifii 9f9if8ftftrdrd gf fu8 ug ugugifiuygi igiug iougg igiiyfigiug igg g fdfasodfasdffasdf asdfsadf asdsdfasd</p>
         </li>
                <li>
            <h4><a href="#">Nombre de la empresa</a></h4>
            
            <div class="star"><img src="public/images/star.png" alt="" width="16" height="16" align="left" />
              <img src="public/images/star.png" alt="" width="16" height="16" align="left" />
              <img src="public/images/star.png" alt="" width="16" height="16" align="left" />
              <img src="public/images/star.png" alt="" width="16" height="16" align="left" /></div>
              
           <p> Wadfassdf asdfasdffasd i hfgifg igkg igigigigi g igi fifii 9f9if8ftftrdrd gf fu8 ug ugugifiuygi igiug iougg igiiyfigiug igg g fdfasodfasdffasdf asdfsadf asdsdfasd</p>
         </li>
            <li>
            <h4><a href="#">Nombre de la empresa</a></h4>
              <div class="star"><img src="public/images/star.png" alt="" width="16" height="16" align="left" />
              <img src="public/images/star.png" alt="" width="16" height="16" align="left" />
              <img src="public/images/star.png" alt="" width="16" height="16" align="left" />
              <img src="public/images/star.png" alt="" width="16" height="16" align="left" /></div>
              
           <p> Wadfassdf asdfasdffasd i hfgifg igkg igigigigi g igi fifii 9f9if8ftftrdrd gf fu8 ug ugugifiuygi igiug iougg igiiyfigiug igg g fdfasodfasdffasdf asdfsadf asdsdfasd</p>
         </li>
         </ul>
            </div>
	      </div>
	  </div>
		<!--/box columnas-->
        
        <!-- box columnas-->
		<div class="box-cols"></div>
		<!--/box columnas-->
        
        <!-- box --><!-- /box -->

    
    <!-- box --><!-- /box --></div>
    <!-- /#content -->
    <!-- #sidebar -->
    <div id="sidebar">

        <!-- mainmenu -->
        <ul id="floatMenu" class="mainmenu">
          <li class="first"><a href="panelcontrol.html">Tablero de Control</a></li>
          <li><a href="#">Usuario</a>
            <ul class="submenu">
              <li><a href="#">Opción 1</a></li>
              <li><a href="#">Opción 2</a></li>
              <li><a href="#">Opción 3</a></li>
            </ul>   
          </li>
          <li><a href="#">Solicitudes</a></li>
          <li><a href="#">Concentrado</a>
            <ul class="submenu">
              <li><a href="#">Opción 1</a></li>
              <li><a href="#">Opción 2</a></li>
              <li><a href="#">Opción 3</a></li>
            </ul>   
          </li>
          <li><a href="#">Catálogos</a>
            <ul class="submenu">
              <li><a href="#">Opción 1</a></li>
              <li><a href="#">Opción 2</a></li>
              <li><a href="#">Opción 3</a></li>
            </ul>                         
          </li>
          <li class="last"><a href="#">Administración</a></li>
        </ul>
        <!-- /.mainmenu -->

    </div>
    <!-- /#sidebar -->
    <!-- #footer -->
    <div id="footer">
      <p>© 2012 PEMEX Exploración y Producción | <a href="#main">Inicio</a></p>
    </div>
    <!-- /#footer -->
	

	
  </div>
  <!-- /#main --> 
  </body>
</html>